<script setup lang="ts">
import {onMounted} from "vue";
import CardMini from "@/components/card/CardMini.vue";
import AnimaCard1 from "@/components/card/AnimaCard1.vue";
import AnimaCard2 from "@/components/card/AnimaCard2.vue";
import AnimaCard3 from "@/components/card/AnimaCard3.vue";


const name = "index"


onMounted(() => {
    console.log('_______')
})


</script>

<template>
    <div class="index">
        <CardMini/>
        <AnimaCard1/>
        <AnimaCard2/>
        <AnimaCard3/>
    </div>
</template>

<style scoped lang="scss">
.index {
  //padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items:flex-start;
  justify-content: flex-start;

}
</style>